<!DOCTYPE html>
<html lang="en">

    <head>
      
     <meta charset="UTF-8">

      <link rel="stylesheet" href="css/font-awesome.min.css">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

      <link rel="stylesheet" type="text/css" href="css/mywork.css">
      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  
	  <title>视界-我的作品</title>
    </head>

    <body>

    <!-- ....................................................导航栏......................................... -->
	    <nav>
        <div class="nav-wrapper">
            <div class="brand-logo">
					<a href="#"><img src="image/slogan.png"></a>
				</div>
              <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
              <ul class="right hide-on-med-and-down" id="menu"  >
                <li><a href="mainpage.html">首页</a></li>
                <li><a href="mywork.html">我的作品</a></li>
                <li><a href="upload.html">我要上传</a></li>
                <li><a href="#" onclick="alert_1()">我的评论</a></li>
                <li><a href="information.html">我的信息</a></li>
              </ul>
              <ul class="side-nav" id="mobile-demo">
                <li><a href="mainpage.html">首页</a></li>
                <li><a href="mywork.html">我的作品</a></li>
                <li><a href="upload.html">我要上传</a></li>
                <li><a href="#" onclick="alert_1()">我的评论</a></li>
                <li><a href="information.html">我的信息</a></li>
              </ul>
          </div>
      </nav>        

<div class="container">
  <div class="row">

    <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture1.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user">AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>
<!-- ............................................................................................... -->
 <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture2.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user" >AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>
<!-- .............................................................................................................. -->

     <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture3.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user">AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>

  </div>


  <div class="row">

    <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture4.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user">AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>
<!-- ............................................................................................... -->
 <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture5.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user">AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>
<!-- .............................................................................................................. -->

     <div class="part col l4 m4 s12">
      <div class="card">
        <div class="card-1">
          <img src="image/picture6.jpg" class="responsive-img">
        </div>

        <div class="card-2">
          <p class="img-name">广州塔</p>

          <div class="infor">
            <p class="author">@AA</p>
            <p class="date">2017/1/1</p>
          </div>

          <div class="detail">
             <div class="row icon-1">
                <i class="fa fa-heart col l4 m4 s4" aria-hidden="true" style="text-align: right; color:red;"><span>100</span></i>
                  <i class="fa fa-eye col l4 m4 s4" aria-hidden="true" style="text-align: center;"><span>100</span></i>
                  <i class="fa fa-trash-o trash col l4 m4 s4" aria-hidden="true" style="text-align: left;cursor: pointer;" href="javascript:;" ></i>
             </div>

             <ul class="collapsible" data-collapsible="accordion">
                 <li>
                      <div class="collapsible-header">
                          <i class="fa fa-commenting-o fa-lg" aria-hidden="true"><span>100</span></i>
                      </div>

                      <div class="collapsible-body">

                         <ul>
                            <li >
                               <div class="comment-list">
                                 <div class="comment" user="self">
                                    <div class="comment-text"><span class="user">AA：</span>好美啊</div>
                                    <div class="comment-date">02-14 22:00</div>
                                 </div>

                                 <div class="comment" user="self">                                
                                    <div class="comment-text"><span class="user">我：</span>是啊</div>
                                    <div class="comment-date">02-14 24:00</div>
                                 </div>
                               </div>
                            </li>
                         </ul>
                      </div>
                 </li>
             </ul>
          </div>

        </div>
      </div>
    </div>

  </div>



</div>





     



        
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>
      <script type="text/javascript" src="js/login.js"></script>
	  <script type="text/javascript" src="js/alert.js"></script>
    </body>

 </html>